iT邦幫忙

2026 iThome 鐵人賽

DAY 13
0

陣列適合保存一組有順序的資料像前篇的星期一到七等等,物件則能把同一個東西的各種資料放在一起。下面的fruit,就能同時包含多筆資料。

const fruit = {
  name: "APPLE",
  value: 100,
  color: red,
};

大括號裡的name、value和color稱為屬性。取得屬性時可以在物件名稱後面加上點:

console.log(fruit.name);
console.log(fruit.value);

https://ithelp.ithome.com.tw/upload/images/20260927/20178696yXoxDBgbBc.png
也能透過變數進行使用

let new_value = 200;
const fruit = {
  name: "APPLE",
  value: new_value,
  color: "red",
};
console.log(fruit.name);
console.log(fruit.value);

https://ithelp.ithome.com.tw/upload/images/20260927/20178696hYpaEBLRet.png

屬性也能修改或增加。雖然fruit使用const宣告,但前面陣列時也有提到,內容的修改並不會影響到fruit進行的指定,改變的只會是物件裡的內容,變數並不會換成另一個物件。

let new_value = 200;
const fruit = {
  name: "APPLE",
  value: new_value,
  color: "red",
};
console.log(fruit.name);
console.log(fruit.value);
fruit.color = "yellow";
fruit.name = "BANANA";
console.log(fruit);

https://ithelp.ithome.com.tw/upload/images/20260927/20178696gar1FeSXTF.png


上一篇
DAY12 陣列
下一篇
Day14
系列文
從頭開始的Javascript學習之旅 共 14 篇
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言